<template>
  <BContainer fluid>
    <!-- <BRow>
      <BCol>
        <BAvatar button class="me-1" icon="person-fill" variant="secondary" />
      </BCol>
    </BRow>

    <BRow>
      <BCol>
        <BAvatar button class="me-1" text="BV" />
      </BCol>
    </BRow>

    <BRow>
      <BCol>
        <BAvatar button class="me-5" src="https://placekitten.com/300/300" />
      </BCol>
    </BRow> -->

    <BRow>
      <BCol>
        <BAvatar class="me-2" icon="person-fill" size="sm" square />
      </BCol>
    </BRow>

    <BRow>
      <BCol>
        <BAvatar class="me-2" icon="person-fill" variant="success" rounded />
      </BCol>
    </BRow>

    <BRow>
      <BCol>
        <BAvatar class="me-5" icon="person-fill" variant="warning" size="lg" />
      </BCol>
    </BRow>

    <BRow>
      <BCol>
        <BAvatar class="me-2" text="ED" size="sm" square text-variant="dark" />
      </BCol>
    </BRow>

    <BRow>
      <BCol>
        <BAvatar class="me-2" text="ED" variant="success" rounded />
      </BCol>
    </BRow>

    <BRow>
      <BCol>
        <BAvatar class="me-5" text="ED" variant="warning" text-variant="danger" size="lg" />
      </BCol>
    </BRow>

    <BRow>
      <BCol>
        <BAvatar class="me-2" src="https://placekitten.com/300/300" button size="sm" square />
      </BCol>
    </BRow>

    <BRow>
      <BCol>
        <BAvatar class="me-2" src="https://placekitten.com/300/300" button rounded />
      </BCol>
    </BRow>

    <BRow>
      <BCol>
        <BAvatar class="me-5" src="https://placekitten.com/300/300" button size="lg" />
      </BCol>
    </BRow>

    <BRow>
      <BCol>
        <BAvatar class="me-2" size="lg">
          <span class="fw-bold">custom</span>
        </BAvatar>
      </BCol>
    </BRow>
  </BContainer>
</template>
